<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html">
<html>
<head>
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/datepicker.css">
<script src="js/bootstrap-datepicker.js"></script>
</head>
<script type="text/javascript">
	$(document).ready(function() {
		$('#ngaySinh').datepicker({});
		$('#ngayVaoDoan').datepicker({});
		$('#ngayVaoDang').datepicker({});
		$('#quayLaiTrangTruoc').click(function() {
			location.href='dsDoanVienDT.jsp';
		});
	});
</script>
<style type="text/css">
textfield {
	width: 10em;
}
</style>
<body>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span><span
								class="icon-bar"></span><span class="icon-bar"></span><span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">HTQLDV</a>
					</div>

					<div class="collapse navbar-collapse"
						id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li ><a href="#">TRANG CHỦ</a></li>
							<li class="active"><a href="#">QUẢN LÝ THÔNG TIN</a></li>
							<li class="active"><a href="#">QUẢN LÝ VĂN BẢN</a></li>
							<li class="active"><a href="#">QUẢN LÝ HOẠT ĐỘNG</a></li>										
							<li><a href="#">ĐỔI MẬT KHẨU</a></li>
						</ul>

						<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							 <a href="#" class="dropdown-toggle" data-toggle="dropdown">HÀNH ĐỘNG<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									<a href=";#">THOÁT</a>
								</li>
								<li>
									<a href="#">Another action</a>
								</li>
								<li>
									<a href="#">Something else here</a>
								</li>
								<li class="divider">
								</li>
								<li>
									<a href="#">Separated link</a>
								</li>
							</ul>
						</li>
					</ul>
					</div>

				</nav>
				<h2 style="text-align: center;">THÔNG TIN ĐOÀN VIÊN</h2>
				<hr />
				<div>
					<form action="" class="form-horizontal">
						<table style="width: 65em; margin-left: 2em;">
							<tr>
								<td><label class="col-lg-8 control-label">MSSV <span
										style="color: red;">*</span>
								</label></td>
								<td><input class="form-control" type="text" name="mssv"
									id="mssv" class="textfield" /></td>
								<td style="width: 10em;"><label
									class="col-lg-8 control-label">Tôn Giáo </label></td>
								<td><input class="form-control" type="text" name="tonGiao"
									id="tonGiao" class="textfield" /></td>
							</tr>
							<tr>
								<td><label class="col-lg-8 control-label">Họ Lót<span
										style="color: red;">*</span>
								</label></td>
								<td><input class="form-control" type="text" name="hoLot"
									id="hoLot" class="textfield" /></td>
								<td style="width: 10em;"><label
									class="col-lg-8 control-label">Điện Thoại </label></td>
								<td><input class="form-control" type="text"
									name="dienThoai" id="dienThoai" class="textfield" /></td>
							</tr>
							<tr>
								<td><label class="col-lg-8 control-label">Tên<span
										style="color: red;">*</span>
								</label></td>
								<td><input class="form-control" type="text" name="ten"
									id="ten" class="textfield" /></td>
								<td style="width: 10em;"><label
									class="col-lg-8 control-label">Email <span
										style="color: red;">*</span></label></td>
								<td><input class="form-control" type="email" name="email"
									id="email" class="textfield" /></td>
							</tr>
							<tr>
								<td><label class="col-lg-8 control-label">Chi Đoàn<span
										style="color: red;">*</span></label></td>
								<td><Select class="form-control" name="chiDoan"
									id="chiDoan" class="textfield">
										<option>----Chọn Chi Đoàn----</option>
										<option value="1">11110CLC</option>
										<option value="2">11125CLC</option>
										<option value="3">11141CLC</option>
										<option value="4">11110CL1</option>
								</Select></td>
								<td><label class="col-lg-8 control-label">Dân Tộc</label></td>
								<td><Select class="form-control" name="danToc" id="danToc"
									class="textfield">
										<option>----Chọn Dân Tộc----</option>
										<option value="1">Kinh</option>
										<option value="2">EDe</option>
										<option value="3">Mong</option>
										<option value="4">BaNa</option>
								</Select></td>
							</tr>
							<tr>
								<td><label class="col-lg-8 control-label">Giới Tính</label></td>
								<td><label class="radio-inline"> <input
										type="radio" name="gioitinh" checked="checked">Nam
								</label> <label class="radio-inline"> <input type="radio"
										name="gioitinh">Nữ
								</label></td>
								<td style="width: 10em;"><label
									class="col-lg-8 control-label">Ngày Vào Đoàn</label></td>
								<td><input class="form-control" type="text"
									name="ngayVaoDoan" id="ngayVaoDoan" class="textfield" /></td>
							</tr>
							<tr>
								<td><label class="col-lg-8 control-label">Ngày Sinh
								</label></td>
								<td><input class="form-control" type="text" name="ngaySinh"
									id="ngaySinh" class="textfield" /></td>
								<td style="width: 10em;"><label
									class="col-lg-8 control-label">Ngày Vào Đảng(nếu có)</label></td>
								<td><input class="form-control" type="text"
									name="ngayVaoDang" id="ngayVaoDang" class="textfield" /></td>
							</tr>

						</table>
						<table style="margin-left: 4.1em;">
							<tr>
								<td style="width: 10em;"><label
									class="col-lg-8 control-label">Địa Chỉ Hiện Tại <span
										style="color: red;">*</span></label></td>
								<td><Select class="form-control" name="tinh" id="tinh"
									style="width: 8em;">
										<option>-Tỉnh/TP-</option>
										<option>TP HCM</option>
										<option>Tiền Giang</option>
										<option>Hà Nội</option>
										<option>Long An</option>
								</Select></td>
								<td><Select class="form-control" name="huyen" id="huyen"
									style="width: 8em;">
										<option>--Huyện--</option>
										<option>Go Cong Tay</option>
										<option>My Tho</option>
										<option>Cho Gao</option>
										<option>Go Cong Dong</option>
								</Select></td>
								<td><Select class="form-control" name="xa" id="xa"
									style="width: 8.34em;">
										<option>-Xã/TT-</option>
										<option>Binh phu</option>
										<option>Binh ninh</option>
										<option>Binh xuan</option>
										<option>Binh khanh</option>
								</Select></td>
								<td style="width: 10em;"><label
									class="col-lg-8 control-label">Quê Quán</label></td>
								<td><Select class="form-control" name="tinh" id="tinh"
									style="width: 8em;">
										<option>-Tỉnh/TP-</option>
										<option>TP HCM</option>
										<option>Tien Giang</option>
										<option>Ha Noi</option>
										<option>Long An</option>
								</Select></td>
								<td><Select class="form-control" name="huyen" id="huyen"
									style="width: 8em;">
										<option>--Huyện--</option>
										<option>Go Cong Tay</option>
										<option>My Tho</option>
										<option>Cho Gao</option>
										<option>Go Cong Dong</option>
								</Select></td>
								<td><Select class="form-control" name="xa" id="xa"
									style="width: 8em;">
										<option>-Xã/TT-</option>
										<option>Binh phu</option>
										<option>Binh ninh</option>
										<option>Binh xuan</option>
										<option>Binh khanh</option>
								</Select></td>
							</tr>
						</table>
						<br /> <br />
						<div style="margin-left: 35em;">
							<button class="btn btn-success btn-default">Lưu Thông Tin</button>
							<button class="btn btn-success btn-default">Hủy</button>
						</div>
					</form>
					<div style="float: right;margin-right: 2em;">
					<button id="quayLaiTrangTruoc" class="btn btn-danger btn-default">Quay lại</button>
					</div>
				</div>
				<br/>
				<hr>
					<div class="row">
						<div class="col-xs-12">
							<footer>
							<p>&copy;Tieu luan chuyen nganh M-B</p>
							</footer>
						</div>
					</div>
			</div>
		</div>
	</div>
</body>
</html>